آموزش اجزای وب کاربردی را به سرعت یاد بگیرید [ویدئو]

Learn Practical Web Components Quickly [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: به عنوان یک توسعه دهنده، آیا اغلب از نوشتن کدهای زیاد رنج نمی برید؟ اغلب اوقات، شما یک کد یکسان را برای صفحات مختلف بازنویسی می‌کنید و در نهایت وقت گرانبهایی را که می‌توانستید بهره‌ورتر از آن استفاده کنید، تلف می‌کنید. . . در این دوره شما را با دنیای اجزای وب آشنا می کنیم، مفهومی نسبتاً جدید که کدنویسی را برای توسعه دهندگان وب ساده کرده است. اجزای وب به شما این امکان را می دهند که تگ های HTML سفارشی و قابل استفاده مجدد ایجاد کنید که در مرورگرهای وب مدرن کار می کنند و می توانند با هر کتابخانه جاوا اسکریپت یا چارچوب وب که با HTML کار می کند استفاده شوند. پس از انجام این دوره، شما آماده توسعه برنامه های کاربردی کامپوننت وب آماده تولید خواهید بود! شما قادر خواهید بود اجزای سفارشی خود را بسازید که می توانند بارها و بارها مورد استفاده مجدد قرار گیرند. علاوه بر این، شما همچنین می توانید اجزای سفارشی خود را با توسعه دهندگان دیگر به اشتراک بگذارید. برای بهره مندی کامل از این دوره، باید حداقل یک ایده اولیه از مفاهیم ES6 مانند const، let، classes، map، فیلترها و غیره داشته باشید. درک اولیه چارچوب های جاوا اسکریپت مانند Angular، React و Vue برای به دست آوردن درک کامل از جنبه های یکپارچه سازی اجزای وب مفید خواهد بود. فایل های کد این دوره در اینجا موجود است: https://github.com/PacktPublishing/Learn-Practical-Web-Components-Only توسعه عناصر HTML سفارشی قابل استفاده مجدد و سبک وزن که می توانید در تمام پروژه های آینده خود استفاده کنید. اجزای وب ساده مانند راهنمای ابزار را برای ایجاد اجزای پیچیده مانند مدال و پس زمینه بسازید اجزای وب پویا را ایجاد کنید که می توانند داده ها را دریافت کنند و از آن برای نمایش عنصر UI استفاده کنید. با کدگذاری رویدادهای سفارشی، اجزای وب خود را به صورت مجزا بسازید Shadow DOM را کاوش کنید و CSS و JavaScript را برای اجزای وب خود جدا کنید در هنگام ایجاد اجزای وب، بر مزایای بی شمار قالب های تعریف شده توسط کاربر مسلط شوید نگاهی اجمالی به دنیای React.js و چگونگی ساده سازی فرآیند پیچیده کدنویسی برنامه های وب داشته باشید یاد بگیرید که کامپوننت های وب سفارشی خود را با توسعه دهندگان React.js و Angular Web ادغام کنید که نیاز به نوشتن کدهای غیرضروری دارند یا دانش آموزانی که مشتاقند یاد بگیرند که توسعه وب در آینده چگونه خواهد بود، از این دوره بهره خواهند برد! دانش اولیه HTML، CSS و جاوا اسکریپت ضروری است! شما باید حداقل یک ایده اولیه از مفاهیم ES6 مانند const، let، classes، map، فیلترها و غیره داشته باشید. درک اولیه چارچوب های جاوا اسکریپت مانند Angular، React و Vue برای به دست آوردن درک کامل از جنبه های یکپارچه سازی اجزای وب مفید خواهد بود. اجزای وب سفارشی را از ابتدا بسازید * اجزای قابل استفاده مجدد را درک کنید و چگونه اجزای خود را با React و Angular ادغام کنید * بدانید چگونه فیزیک را به صحنه های خود اضافه کنید و یاد بگیرید که از صدای سه بعدی در پروژه های خود استفاده کنید. توسعه پایان * از عناصر سفارشی و Shadow DOM برای ساخت برنامه های وب مبتنی بر مؤلفه استفاده کنید

سرفصل ها و درس ها

ساختن اولین کامپوننت وب ما Building Our First Web Component

  • بررسی اجمالی دوره The Course Overview

  • بررسی اجمالی دوره The Course Overview

  • عناصر سفارشی Custom Elements

  • عناصر سفارشی Custom Elements

  • سایه DOM Shadow DOM

  • سایه DOM Shadow DOM

  • قالب های HTML HTML Templates

  • قالب های HTML HTML Templates

  • ایجاد قالب های HTML قابل استفاده مجدد Creating Reusable HTML Templates

  • ایجاد قالب های HTML قابل استفاده مجدد Creating Reusable HTML Templates

  • پیوستن به نقاط Joining the Dots

  • پیوستن به نقاط Joining the Dots

افزودن پویایی به اجزای وب ما Adding Dynamism to Our Web Components

افزودن پویایی به اجزای وب ما Adding Dynamism to Our Web Components

  • چرخه حیات اجزای وب Web Components Lifecycle

  • چرخه حیات اجزای وب Web Components Lifecycle

  • افزودن پویایی به کامپوننت وب Adding Dynamism to the Web Component

  • افزودن پویایی به کامپوننت وب Adding Dynamism to the Web Component

  • اجزای یک ظاهر طراحی شده Styling Components

  • اجزای یک ظاهر طراحی شده Styling Components

  • یک ظاهر طراحی پویا Dynamic Styling

  • یک ظاهر طراحی پویا Dynamic Styling

شنوندگان رویداد و اجزای وب Event Listeners and Web Components

شنوندگان رویداد و اجزای وب Event Listeners and Web Components

  • مقدمه ای بر گوش دادن به رویداد Introduction to Event Listening

  • مقدمه ای بر گوش دادن به رویداد Introduction to Event Listening

  • ارسال رویدادهای سفارشی Dispatching Custom Events

  • ارسال رویدادهای سفارشی Dispatching Custom Events

  • پیکربندی رویدادهای سفارشی Configuring Custom Events

  • پیکربندی رویدادهای سفارشی Configuring Custom Events

  • انیمیشن و اجزای وب Animation and Web Components

  • انیمیشن و اجزای وب Animation and Web Components

ادغام اجزای وب با کتابخانه ها Integrating Web Components with Libraries

ادغام اجزای وب با کتابخانه ها Integrating Web Components with Libraries

  • اجزای وب در React Web Components in React

  • اجزای وب در React Web Components in React

  • ادغام با React Integrating with React

  • ادغام با React Integrating with React

  • ادغام با Angular Integration with Angular

  • ادغام با Angular Integration with Angular

  • ادغام با Vue Integration with Vue

  • ادغام با Vue Integration with Vue

  • خلاصه دوره Course Summary

  • خلاصه دوره Course Summary

نمایش نظرات

آموزش اجزای وب کاربردی را به سرعت یاد بگیرید [ویدئو]
جزییات دوره
2 h 25 m
19
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
Rushabh Shah
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Rushabh Shah Rushabh Shah

Rushabh Shah یک توسعه دهنده باتجربه UI است که در یک استارت آپ هیجان انگیز در خارج از بمبئی کار می کند. او یکی از اعضای موسس این شرکت و همچنین توسعه دهنده ارشد UI در آنجا است. Rushabh روی پروژه های مختلفی در چارچوب ها و معماری های نرم افزاری مختلف کار کرده است. نقطه قوت او در ایجاد برنامه های کاربردی وب و داشبوردهای کاربر پسند با استفاده از کتابخانه سازگار با اجزای قابل استفاده مجدد مانند React همراه با آخرین پیشرفت ها در فناوری های توسعه وب سنتی است. Rushabh قبلا با شرکت های بزرگی مانند Capgemini India Pvt کار کرده است. Ltd. و Fractal Analytics و دارای تجربه غنی در توسعه برنامه های کاربردی وب برای مشتریانی مانند Ernst Young، Procter & Gamble (P&G)، Colgate Palmolive، Reckitt Benckiser، و Indian Navy قبل از ورود به حوزه محصول با شرکت هایی مانند Cuddle.ai و جدیدتر است. Eugenie.ai (که او یکی از اعضای موسس آن است). او همچنین مقالات و آموزش هایی را برای توسعه وب مدیریت کرده است. او که تنها توسعه‌دهنده بخش عمده‌ای در حرفه‌اش بوده است، نیاز به کسب دانش درست و کارآمد را از اقیانوس وسیع، یعنی وب جهانی، درک می‌کند. به‌علاوه، پس از کار کردن با پیشتازان صنعت، او بهترین روش‌ها را برای ایجاد ابزارهای وب می‌داند.